草庐IT

node.js - Node、Angular、Express 和 View 引擎

全部标签

javascript - Vue.js:根据方法对列表进行排序

我正在获取一些原始数据并显示项目列表。每个项目都有一个我用方法生成的复杂属性(不是计算属性)。该属性可能会根据用户输入而改变。是否可以根据该属性对列表项进行排序?HTML:{{calculateComplexProperty(item.time)}}JavaScript:calculateComplexProperty:function(time){//this.distanceisanexternalfactorthatisnotapropertyofthelistitem,//andthatcanbemanipulatedbytheuservarspeed=time*this.di

javascript - Angular 2 - 在 iframe 上注入(inject)自定义 header

我疯狂地尝试将请求自定义header(类似于'AUTH-TOKEN':'SomeToken123')注入(inject)到Angular4上。我需要向iframe页面传递一些必需的自定义header参数。谁能帮帮我?foo.component.html组件.ts@Component({selector:'app-foo',templateUrl:'./foo.component.html'})exportclassFooComponentimplementsOnInit{@ViewChild('iframe')iframe:ElementRef;publicisLoading:Bool

javascript - Angular 拦截器和 CORS

我正在尝试编写一个拦截器以使用Angular向所有HTTP请求添加一个token。我大致使用这里给出的食谱-https://thinkster.io/interceptors因此代码使用了http模块工厂和一个tokenInterceptor()函数。我可以成功地将token作为header添加到请求中-但现在当它通过拦截器时,它会被某种CORS阻塞机制阻塞。我在Chrome控制台中收到此错误-XMLHttpRequestcannotloadhttp://127.0.0.1:/.Responsetopreflightrequestdoesn'tpassaccesscontrolchec

javascript - 如何避免在 Angular 2 中多次执行不纯管道?

您好,我正在使用Angular2管道返回对象的键,它是一个不纯的管道,它被多次执行,这会阻塞其他一些脚本,我如何避免多次执行不纯的管道?我的代码如下:import{Pipe,PipeTransform}from'@angular/core';@Pipe({name:'NgforObjPipe',pure:true})exportclassNgforObjPipeimplementsPipeTransform{transform(value,args:string[]):any{letkeys=[];for(letkeyinvalue){keys.push({key:key,value:

javascript - 按类不返回元素的 Angular Fixture DebugElement 查询

正如Angular.io框架测试文档所建议的,我一直在尝试使用AngularTestbed+Karma测试运行器来使用DebugElement查询。我创建了一个jqwidgetsTree组件,它生成类'.jqx-tree-item-li'的li元素。以下在DOM测试中直接使用javascript的测试通过了GREEN:it('Elementsofclassjqx-tree-item-lifoundusinggetElementsByClassName',(done)=>{this.fixture.whenStable().then(()=>{varelementArray=docume

javascript - 如何在 Angular 2 中将字符串的特定部分设为粗体

我有如下HTML代码:{{"description"|translate}}我正在使用ngTranslate来翻译描述。描述是我的翻译文件中的一个key,会显示key的值。描述如下所示:“点击取消取消或点击确认继续”。我想把描述中的第一个cancel和confirm做成粗体。我如何使用css和angular2来做到这一点? 最佳答案 您应该使用[innerHTML],在您的翻译中使用html标签,如下所示:{"description":"clickcanceltocancelorclickconfirmtoproceed"}然后在模

javascript - 无法使用 webpack 和 Laravel 混合加载 popper.js

我在我的项目中使用bootstrap4beta和Laravel5.4,并使用npm和laravelmix加载我的js依赖项。到目前为止,一切都运行良好,除非我尝试使用booostrapjs方法。它抛出错误“BootstrapdropdownrequirePopper.js”,所以我下载并加载了它到bootstrap.js和webpack.mix.js文件中,但它仍然要求这种依赖,你能告诉我我做错了什么吗?boostrap.jstry{window.$=window.jQuery=require('jquery');require('popper.js');require('datata

javascript - 不加载特定路径的 JS 文件

我有一个网站mean-stack。通常,我所有的外部引用都列在index.html我意识到我正在使用的一个外部JS库(例如https://cdnjs.cloudflare.com/troublelibrary.js)与我网站的一部分有一些冲突。所以我正在寻找的解决方法是不为特定路径加载它https://www.myexample.com/specific。有谁知道如何在路由中实现这一点?编辑1:(查看完整问题here)实际上,有冲突的库是history.js。我一直加载它的初始代码如下。结果https://localhost:3000/home在浏览器中总是https://localh

javascript - Angular Directive(指令) : Allow just numbers

这里是asampleangulardirectivetopreventtypingnon-numerickeys(StackOverflowanswer).我想写类似thisfiddle的东西在多个输入中使用is-number指令。请注意,由于我的输入中有各种不同的指令,因此我不能使用上述答案更新中建议的相同模板。var$scope;varapp=angular.module('myapp',[]);app.controller('Ctrl',function($scope){$scope.myNnumber1=1;$scope.myNnumber2=1;});app.directiv

javascript - 实用程序.crypto.lib。 randomBytes 不是函数 : aws cognito js throws error on authentication

我收到以下错误:TypeError:__WEBPACK_IMPORTED_MODULE_0_aws_sdk_global__.util.crypto.lib.randomBytesisnotafunction当我尝试使用我编写的以下代码对用户进行身份验证时:import{CognitoUserPool,CognitoUserAttribute,CognitoUser,AuthenticationDetails}from'amazon-cognito-identity-js';letauthenticationDetails=newAuthenticationDetails({Usern